<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>汇客电影</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../../../lib/jquery-1.12.4.min.js"></script>
    <script src="../js/index.js"></script>
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="shortcut icon" href="../../../lib/汇 .ico">
</head>

<style>
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ccijba');
  src:  url('fonts/icomoon.eot?ccijba#iefix') format('embedded-opentype'),
  url('fonts/icomoon.ttf?ccijba') format('truetype'),
  url('fonts/icomoon.woff?ccijba') format('woff'),
  url('fonts/icomoon.svg?ccijba#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


</style>
<body>
   
    <div class="head">
      <div class="head-inner">
        <div class="hf">
          <i class="fa fa-spinner fa-pulse "></i>
         <span >汇客电影</span> 
        </div>
        <div class="hs">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">电影</a></li>
                <li><a href="#">演出</a></li>
                <li><a href="#">榜单</a></li>
                <li><a href="#">热点</a></li>
                <li><a href="#">商城</a></li>              
            </ul>
        </div>
        <div class="ht"><span></span>
          <div class="text"> APP下载</div> 
          <div class="jiantou"></div>
          <div class="app-menu">
            <div class="erweima"></div>
            扫码下载APP<br>
            <span>选座更优惠</span>
          </div>
        </div>
        <div class="hft">
            <div class="search">
                <input type="text" placeholder="找影视剧、影人、影院">
                <div class="symbol">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="hfi">
            <div class="out">
            <a href="#"><span></span></a>
            <div class="user-menu">
             <a href="#"> 登录</a>
            </div>
        </div>
        <div class="jiantou" ></div>
        </div>
    </div>
  </div>
  
    <div class="main">
        <div class="left">
   <div class="first">正在热映（0部）</div>
   <div class="second">当前城市暂无热映影片信息</div>
    <div class="thrid">即将上映（115部）<div class="more">全部&nbsp;<i class="fa fa-angle-right"></i></div></div>
    <div class="forth">
        <table>
            <tr>
                <td class="singleth rightmargin"><div class="image img1">
                      <div class="text">东江风云</div>
                    </div>
                    <div class="wts">386人想看</div>
                    <div class="pre">
                      <div class="pl">预告片</div>
                      <div class="pr">预售</div>
                    </div>
                    3月5日上映
                    <div class="shadow"></div>
                    <div class="shadow2"></div>
                   
            </td>
                <td class="singleth rightmargin">
                    <div class="image img13">
                        <div class="text">刺猬索尼克</div>
                      </div>
                      <div class="wts">7269人想看</div>
                      <div class="pre">
                        <div class="pl">预告片</div>
                        <div class="pr">预售</div>
                      </div>
                      2月28日上映
                      <div class="shadow"></div>
                    <div class="shadow2"></div>
                    <div class="span-3D">3D</div>
                </td>
                <td class="singleth rightmargin">
                    <div class="image img10">
                        <div class="text">无风不起浪</div>
                      </div>
                      <div class="wts">2642人想看</div>
                      <div class="pre">
                        <div class="pl">预告片</div>
                        <div class="pr">预售</div>
                      </div>
                      2月28日上映
                      <div class="shadow"></div>
                    <div class="shadow2"></div>
                </td>
                <td class="singleth">
                    <div class="image img2">
                        <div class="text">呼吸</div>
                      </div>
                      <div class="wts">14274人想看</div>
                      <div class="pre">
                        <div class="pl">预告片</div>
                        <div class="pr">预售</div>
                      </div>
                      2月21日上映
                      <div class="shadow"></div>
                    <div class="shadow2"></div>
                </td>
            </tr>
            <tr>
                <td class="singleth rightmargin">
                    <div class="image img9">
                        <div class="text">木兰</div>
                      </div>
                      <div class="wts">40412人想看</div>
                      <div class="pre">
                        <div class="pl">预告片</div>
                        <div class="pr">预售</div>
                      </div>
                      2020-02上映
                      <div class="shadow"></div>
                    <div class="shadow2"></div>
                </td>
                <td class="singleth rightmargin">
                    <div class="image img5">
                        <div class="text">山海经之小人国</div>
                      </div>
                      <div class="wts">9234人想看</div>
                      <div class="pre">
                        <div class="pl">预告片</div>
                        <div class="pr">预售</div>
                      </div>
                      2月21日上映
                      <div class="shadow"></div>
                    <div class="shadow2"></div>
                </td>
                <td class="singleth rightmargin">
                    <div class="image img11">
                        <div class="text">月半爱丽丝</div>
                      </div>
                      <div class="wts">4695人想看</div>
                      <div class="pre">
                        <div class="pl">预告片</div>
                        <div class="pr">预售</div>
                      </div>
                      3月6日上映
                      <div class="shadow"></div>
                    <div class="shadow2"></div>
                </td>
                <td class="singleth">
                    <div class="image img14">
                      <div class="text">流感</div>
                    </div>
                    <div class="wts">12200人想看</div>
                    <div class="pre">
                      <div class="pl">预告片</div>
                      <div class="pr">预售</div>
                    </div>
                    2月29日上映
                    <div class="shadow"></div>
                    <div class="shadow2"></div>
                </td>
            </tr>
        </table>
    </div>
    <div class="fifth">
     <span>热门电影</span> 
     <ul>
       <li><a href="#">爱情</a></li>
       <li><a href="#">喜剧</a></li>
       <li><a href="#">动作</a></li>
       <li><a href="#">恐怖</a></li>
       <li><a href="#">动画</a></li>
     </ul>  
     <div class="more">全部&nbsp;<i class="fa fa-angle-right"></i></div>   
    </div>
    <div class="sixth">
      <table>
          <tr>
              <td  class=" rightmargin doubleth" ><div class="image-two img ">
                <div class="info-two ">
                  <span class="name">唐人街探案3</span>
                  <span class="score">9.0</span>
                  
                </div>
                  </div>
                 
          </td>
            
              <td class="singleth rightmargin">
                  <div class="image img4">
                    <div class="info">
                      <span class="name">夏洛特烦恼</span>
                      <span class="score">9.3</span>
                      
                    </div>
                    </div>
                  
              </td>
              <td class="singleth">
                  <div class="image img7">
                    <div class="info">
                      <span class="name">战狼</span>
                      <span class="score">9.3</span>
                    </div>
                    </div>
                    <div class="span-3D">3D</div>
              </td>
          </tr>
          <tr>
              <td class="singleth rightmargin">
                  <div class="image img12">
                    <div class="info">
                      <span class="name">雪国列车</span>
                      <span class="score">8.0</span>
                      
                    </div>
                    </div>
                 
              </td>
              <td class="singleth rightmargin">
                  <div class="image img8">
                    <div class="info">
                      <span class="name">新世界</span>
                      <span class="score">8.7</span>
                      
                    </div>
                    </div>
                   
              </td>
              <td class="singleth rightmargin">
                  <div class="image img6">
                    <div class="info">
                      <span class="name">心花怒放</span>
                      <span class="score">9.0</span>
                      
                    </div>
                 </div>
              </td>
              <td class="singleth">
                  <div class="image img3">
                    <div class="info">
                      <span class="name">流感</span>
                      <span class="score">8.3</span>
                      
                    </div>
                  </div>
                
              </td>
          </tr>
      </table>
  </div>
        </div>
        
        <div class="right">
            <div class="box_office">
             <div class="box_head">今日票房</div>
             <div class="box_top1">
                 <div class="move_image"></div>
              <div class="move_info">
                <div class="move_name">速度与激情：特别行动</div>
                <div class="move_views">1.34万</div>
              </div>
              </div>
              <div class="tops">
                <ul>
                  <li>   
                     <div class="tops_no top_three">2</div>
                     <div class="tops_name">悲伤逆流成河</div>
                     <div class="tops_views">0.49万</div>
                   </li>
                  <li> 
                    <div class="tops_no top_three">3</div>
                    <div class="tops_name">生存家族</div>
                    <div class="tops_views">0.07万</div>
                  </li>
                  <li>
                    <div class="tops_no top_others">4</div>
                    <div class="tops_name ">一出好戏</div>
                    <div class="tops_views">0.07万</div>
                  </li>
                  <li>
                    <div class="tops_no top_others">5</div>
                    <div class="tops_name">叶问四：完结篇</div>
                    <div class="tops_views">0.05万</div>
                  </li>
                  <li>
                    <div class="tops_no top_others">6</div>
                    <div class="tops_name">我和我的祖国</div>
                    <div class="tops_views">0.05万</div>
                  </li>
                  <li>
                    <div class="tops_no top_others">7</div>
                    <div class="tops_name">丑娃娃</div>
                    <div class="tops_views">0.05万</div>
                  </li>
                  <li>
                    <div class="tops_no top_others">8</div>
                    <div class="tops_name">宠爱</div>
                    <div class="tops_views">0.03万</div>
                  </li>
                  <li>
                    <div class="tops_no top_others">9</div>
                    <div class="tops_name">红旗渠之归来少年</div>
                    <div class="tops_views">0.03万</div>
                  </li>
                  <li>
                    <div class="tops_no top_others">10</div>
                    <div class="tops_name">音乐家</div>
                    <div class="tops_views">0.00万</div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="income">
              <div class="income_head">今日大盘</div>
              <div class="income_info">
                <span class="total">2.5万</span>
                <div class="more"><a href="#">查看更多&nbsp;<i class="fa fa-angle-right"></i> </a></div>
               <div class="nowtime">
                 北京时间13:52:16  <span class="pull-right">猫眼专业版实时票房数据</span>
               </div>
              </div>
            </div>
            <div class="mostexpect">
              <div class="tops_head">最受期待 <span>查看完整榜单&nbsp;<i class="fa fa-angle-right"></i></span></div>
              <div class="tops">
              <div class="expecttop1">
                <div class="expecttop1_img"></div>
                <div class="expecttop1_info">
                  <div class="top1_name">唐人街探案3</div>
                  <div class="showtime">上映时间：2020</div>
                  <div class="wts">2114405人想看</div>
                </div>
              </div>
              <div class="expecttop2-3">
                <div class="expecttop2"> 
                  <div class="span-3D">3D</div>
                  <div class="expecttop2-image"></div>
                  <div class="top2-3_name">姜子牙</div>
                  <div class="expect_wts">836653人想看</div>
                </div>
                <div class="expecttop3">
                  <div class="expecttop3-image"></div>
                  <div class="top2-3_name">囧妈</div>
                  <div class="expect_wts">506560人想看</div>
                </div>
              </div>
             <ul>
              <li>
                <div class="tops_no top_others">4</div>
                <div class="tops_name ">夺冠</div>
                <div class="tops_views">354379人想看</div>
              </li>
              <li>
                <div class="tops_no top_others">5</div>
                <div class="tops_name">紧急救援</div>
                <div class="tops_views">417960人想看</div>
              </li>
              <li>
                <div class="tops_no top_others">6</div>
                <div class="tops_name">急先锋</div>
                <div class="tops_views">174673人想看</div>
              </li>
              <li>
                <div class="tops_no top_others">7</div>
                <div class="tops_name">海兽之子</div>
                <div class="tops_views">28165人想看</div>
              </li>
              <li>
                <div class="tops_no top_others">8</div>
                <div class="tops_name">我在时间尽头等你</div>
                <div class="tops_views">67719人想看</div>
              </li>
              <li>
                <div class="tops_no top_others">9</div>
                <div class="tops_name">多利特的奇幻冒险</div>
                <div class="tops_views">20073人想看</div>
              </li>
              <li>
                <div class="tops_no top_others">10</div>
                <div class="tops_name">拆弹专家</div>
                <div class="tops_views">24872人想看</div>
              </li>
            </ul>
          </div>
            </div>
            <div class="top100">
              <div class="tops_head">TOP&nbsp;100<span>查看完整榜单&nbsp;<i class="fa fa-angle-right"></i></span></div>
              <div class="rank_1">
                <div class="rank_1_image top100_1_image"></div>
                <div class="rank_1_info">
                  <div class="rank_1_name">霸王别姬</div>
                  <div class="rank_1_score">9.5</div>
                </div>
              </div>
              <div class="tops">
              <ul>
                <li>
                  <div class="tops_no top_others">2</div>
                  <div class="tops_name ">肖申克的救赎</div>
                  <div class="tops_views">9.5</div>
                </li>
                <li>
                  <div class="tops_no top_others">3</div>
                  <div class="tops_name ">这个杀手不太冷</div>
                  <div class="tops_views">9.5</div>
                </li>
                <li>
                  <div class="tops_no top_others">4</div>
                  <div class="tops_name ">罗马假日</div>
                  <div class="tops_views">9.0</div>
                </li>
                <li>
                  <div class="tops_no top_others">5</div>
                  <div class="tops_name">泰坦尼克号</div>
                  <div class="tops_views">9.4</div>
                </li>
                <li>
                  <div class="tops_no top_others">6</div>
                  <div class="tops_name">唐伯虎点秋香</div>
                  <div class="tops_views">9.1</div>
                </li>
                <li>
                  <div class="tops_no top_others">7</div>
                  <div class="tops_name">乱世佳人</div>
                  <div class="tops_views">9.1</div>
                </li>
                <li>
                  <div class="tops_no top_others">8</div>
                  <div class="tops_name">魂断蓝桥</div>
                  <div class="tops_views">9.2</div>
                </li>
                <li>
                  <div class="tops_no top_others">9</div>
                  <div class="tops_name">辛德勒的名单</div>
                  <div class="tops_views">9.2</div>
                </li>
                <li>
                  <div class="tops_no top_others">10</div>
                  <div class="tops_name">喜剧之王</div>
                  <div class="tops_views">9.1</div>
                </li>
              </ul>
            </div>
            </div>
            <div class="actortops">
              <div class="tops_head red">热门影人</div>
              <div class="rank_1">
                <div class="rank_1_image actortops_1_image"></div>
                <div class="rank_1_info">
                  <div class="rank_1_name">贾乃亮</div>
                  
                </div>
              </div>
              <div class="tops">
              <ul>
                <li>
                  <div class="tops_no top_others">2</div>
                  <div class="tops_name ">张子枫</div>
                  
                </li>
                <li>
                  <div class="tops_no top_others">3</div>
                  <div class="tops_name ">钟汉良</div>
                  
                </li>
                <li>
                  <div class="tops_no top_others">4</div>
                  <div class="tops_name ">郭麒麟</div>
                  
                </li>
                <li>
                  <div class="tops_no top_others">5</div>
                  <div class="tops_name">钟楚曦</div>
                  
                </li>
                <li>
                  <div class="tops_no top_others">6</div>
                  <div class="tops_name">甄子丹</div>
                 
                </li>
                <li>
                  <div class="tops_no top_others">7</div>
                  <div class="tops_name">黄圣依</div>
               
                </li>
                <li>
                  <div class="tops_no top_others">8</div>
                  <div class="tops_name">文熙</div>
                
                </li>
                <li>
                  <div class="tops_no top_others">9</div>
                  <div class="tops_name">黄轩</div>
               
                </li>
                <li>
                  <div class="tops_no top_others">10</div>
                  <div class="tops_name">白百何</div>
                  
                </li>
              </ul>
            </div>
            </div>
        </div>
    </div>
</body>
</html>